<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>event-bus</title>

</head>
<body>
<div id="app">


    <login></login>
    <view1></view1>
    <view2></view2>
    <view4></view4>

</div>
</body>
<script src="../../lib/vue.js"></script>
<script src="../../component/eventBus.js"></script>
<script src="../../component/login.js"></script>
<script src="../../component/view1.js"></script>
<script src="../../component/view2.js"></script>

<script type="text/x-template" id="box">
    <div>hello jsx</div>
</script>

<script type="module">

    /**
     * vuex : 状态管理
     * */

    /**
     * Q1: 非vue环境 怎么在本地保存并使用登录信息
     *      1. session ---- server
     *      2. sessionStorage  ---  H5 client
     * */


 /*   var view4 = {
        template:'#box'
    }*/




    new Vue({
        el: '#app',
        components: {
            login,
            view1,
            view2


        },
        data: {
            userName: ''
        },
        methods: {
            /*user1Handle: function (val) {
                this.userName = val.username;
            }*/
        }
    })

</script>
</html>